<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>魅族官网 - 魅族 17 系列手机：如你，才华横溢</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/mobileType.css">
    <link rel="stylesheet" href="css/banner.css">
    <link rel="stylesheet" href="css/weekBrand.css">
    <link rel="stylesheet" href="css/productShow.css">
    <link rel="stylesheet" href="css/footer.css">
</head>

<body>
    <!-- header区域开始 -->
    <div class="header">
        <div class="inner-c header-c">
            <div class="header-l">
                <ul class="product-mz">
                    <li><a href="#">魅族官网</a></li>
                    <li><a href="#">魅族商城</a></li>
                    <li><a href="#">Flyme</a></li>
                    <li><a href="#">专卖店</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="header-r">
                <ul class="product-mine">
                    <li>
                        <a href="#">我的收藏</a>
                        <span>new</span>
                    </li>
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- header区域结束-->
    <!-- mobileType开始 -->
    <div class="inner-c mobileType">
        <h1 class="logo"><a href="#">手机|魅族|手机配件</a></h1>
        <ul class="mobiltitle">
            <li> <a href="#">PRO手机</a></li>
            <li> <a href="#">魅蓝手机</a></li>
            <li> <a href="#">MX手机</a></li>
            <li> <a href="#">精选配件</a></li>
            <li> <a href="#">智能硬件</a></li>
        </ul>
    </div>
    <!-- mobileType结束 -->
    <!-- banner部分开始 -->
    <div class="banner">
        <div class="inner-c banner-c">
            <img src="images/banner.jpg" alt="">
            <div class="nav">
                <ul class="nav-type">
                    <li>全部商品分类</li>
                    <li>手机</li>
                    <li>智能硬件</li>
                    <li>耳机 / 音箱</li>
                    <li>路由器 / 移动电源</li>
                    <li>保护套 / 后盖 / 贴膜</li>
                    <li>数据线 / 电源适配器</li>
                    <li>周边配件</li>
                </ul>
            </div>
            <div class="arrow">
                <div class="arrow-l"></div>
                <div class="arrow-r"></div>
            </div>
            <div class="circle">
                <ol class="littleCircle">
                    <li class="current"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
            </div>
        </div>
    </div>
    <!-- banner部分结束 -->
    <!-- 每日品牌开始 -->
    <ul class="inner-c weekBrand">
        <li class="brandList">
            <ul>
                <li class="brandIcon">
                    <div class="icon01"></div>
                    <p>M码通道</p>
                </li>
                <li class="brandIcon">
                    <div class="icon02"></div>
                    <p>以旧换新</p>
                </li>
                <li class="brandIcon">
                    <div class="icon03"></div>
                    <p>魅族意外保</p>
                </li>
                <li class="brandIcon">
                    <div class="icon04"></div>
                    <p>回购单查询</p>
                </li>
            </ul>
        </li>
        <li class="brandList">
            <img src="images/weekbrand01.jpg" alt="">
        </li>
        <li class="brandList">
            <img src="images/weekbrand02.jpg" alt="">
        </li>
        <li class="brandList">
            <img src="images/weekbrand03.jpg" alt="">
        </li>
        <li class="brandList">
            <img src="images/weekbrand04.png" alt="">
        </li>
    </ul>
    <!-- 每周品牌结束 -->
    <!-- 产品展示开始 -->
    <div class="productShow">
        <div class="inner-c productShow-c">
            <div class="productShow-title">
                <div class="name">手机</div>
                <div class="more">更多<span> &gt;</span></div>
            </div>
            <ul class="productList">
                <li class="productItem">
                    <img class="productPic" src="images/mobile01.png" alt="">
                    <div class="productdes">
                        <div class="productName">魅蓝note3</div>
                        <div class="productTime">11日-12日 限量开售</div>
                        <div class="productPrice">￥ 799</div>
                    </div>
                    <div class="hotShop">热卖</div>
                </li>
                <li class="productItem">
                    <img class="productPic" src="images/mobile02.png" alt="">
                    <div class="productdes">
                        <div class="productName">魅蓝note3</div>
                        <div class="productTime">11日-12日 限量开售</div>
                        <div class="productPrice">￥ 699</div>
                    </div>
                </li>
                <li class="productItem">
                    <img class="productPic" src="images/mobile03.png" alt="">
                    <div class="productdes">
                        <div class="productName">魅蓝3</div>
                        <div class="productTime">11日-12日 公开版限量开售</div>
                        <div class="productPrice">￥ 599</div>
                    </div>
                    <div class="hotShop">热卖</div>
                </li>
                <li class="productItem">
                    <img class="productPic" src="images/mobile04.png" alt="">
                    <div class="productdes">
                        <div class="productName">魅蓝 metal</div>
                        <div class="productTime">领券立减100元</div>
                        <div class="productPrice">￥ 999</div>
                    </div>
                    <div class="hotPrice">特惠</div>
                </li>
                <li class="productItem">
                    <img class="productPic" src="images/mobile05.png" alt="">
                    <div class="productdes">
                        <div class="productName">魅蓝 E</div>
                        <div class="productTime">全网通 多彩金属机身</div>
                        <div class="productPrice">￥ 1299</div>
                    </div>
                    <div class="hotShop">热卖</div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 产品展示结束 -->
    <!-- footer开始 -->
    <div class="inner-c footer">
        <div class="footer-top">
            <div class="footer-l">
                <dl>
                    <dt>帮助说明</dt>
                    <dd> <a href="javascript:;">支付说明</a></dd>
                    <dd> <a href="javascript:;">配送说明</a></dd>
                    <dd> <a href="javascript:;">售后服务</a></dd>
                    <dd> <a href="javascript:;">付款帮助</a></dd>
                </dl>
                <dl>
                    <dt>Flyme</dt>
                    <dd> <a href="javascript:;">开放平台</a></dd>
                    <dd> <a href="javascript:;">固件下载</a></dd>
                    <dd> <a href="javascript:;">软件商店</a></dd>
                    <dd> <a href="javascript:;">查找手机</a></dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd> <a href="javascript:;">关于魅族</a></dd>
                    <dd> <a href="javascript:;">加入我们</a></dd>
                    <dd> <a href="javascript:;">联系我们</a></dd>
                    <dd> <a href="javascript:;">法律声明</a></dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd> <a href="javascript:;">新浪微博</a></dd>
                    <dd> <a href="javascript:;">腾讯微博</a></dd>
                    <dd> <a href="javascript:;">QQ空间</a></dd>
                    <dd> <a href="javascript:;">官方微信</a></dd>
                </dl>
            </div>
            <div class="footer-r">
                <div class="serviceLine">24小时全国服务热线</div>
                <div class="serviceNum">400-788-3333</div>
                <div class="serviceBtn"><i></i>24小时在线客服</div>
            </div>
        </div>
        <div class="footer-bottom">
            <p>
                &#169;2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.
                <span>备案号：粤ICP备13003602号-2</span>
                <span>经营许可证编号：粤B2-20130198</span>
                <span>营业执照<i></i><i></i></span>
            </p>
        </div>
    </div>
    <!-- footer结束 -->
</body>

</html>